<template>
  <div class="btn" :style="{float:float}">
    <el-button plain size="mini" type="primary" icon="el-icon-arrow-left" @click="goback">返回</el-button>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
    float: {
      type: String,
      default: 'right'
    }
  },
  data () {
    return {};
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {},
  // 方法集合
  methods: {
    goback() {
      if (this.$router) {
        this.$router.back();
      } else {
        history.back();
      }
    }
  }
};
</script>
<style lang='scss' scoped>
.btn{
  height: 100%;
  line-height: 50px;
  margin-right: 20px;
  overflow: hidden;
}
</style>
